<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style>
        
    </style>
</head>
<body>
    <input type="text" id="password"><span></span>
</body>
<script>

    var oPw = document.getElementById("password");

    // 数字，字母，其他

    // 任意一种
    // 任意两种
    // 三种

    oPw.oninput = function(){
        var str = oPw.value;
        // 初始判断是否为空，为空，不提示，并停止
        if(str === ""){
            oPw.nextElementSibling.innerHTML = "";
            return;
        }

        // 提前准备记录是否出现某种种类
        var a = 0;
        var b = 0;
        var c = 0;

        // 遍历输入的内容
        for(var i=0;i<str.length;i++){
            // 是否出现数字
            if(str[i] >= 0 && str[i] <= 9){
                // 记录
                a = 1;
            }
            // 是否出现字母
            if(str[i] >= "a" && str[i] <= "z" || str[i] >= "A" && str[i] <= "Z"){
                // 记录
                b = 1;
            }
            // 是否出现其他
            if(!(str[i] >= 0 && str[i] <= 9 || str[i] >= "a" && str[i] <= "z" || str[i] >= "A" && str[i] <= "Z")){
                // 记录
                c = 1;
            }
        }
        // 累加记录值，根据结果，判断当前强度
        switch(a+b+c){
            case 1: 
                oPw.nextElementSibling.innerHTML = "弱";
                break;
            case 2: 
                oPw.nextElementSibling.innerHTML = "中";
                break;
            case 3: 
                oPw.nextElementSibling.innerHTML = "强";
                break;
        }
    }

    
</script>
</html>